<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <ui:define name="content">

                <p:panel header="Mantenedor de Programaciones de Viajes" style="width: 99%">
                    <h:form id="frmfieldset">
                        <p:growl id="grow2" showDetail="true"/>
                        <h:panelGrid id="nuevo" columns="1" >                
                            <p:fieldset legend="Nueva Programacion de Viajes" toggleable="true" collapsed="true" toggleSpeed="500">  
                                <p:ajax event="toggle"  update="grow2" />
                                <h:panelGrid columns="6" cellpadding="10">
                                    <h:outputText value="Agencia"/>
                                    <h:panelGrid id="zzz1">
                                        <p:selectOneMenu required="true" requiredMessage="Elija la Agencia" value="#{managedBeanViajes.objetoViajeCrear.agencia}" effect="drop" style="width:425px" converter="AgenciaConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems   value="#{managedBeanAgencia.objetoItems}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmAgencia:displayAgencia" oncomplete="AgenciaDialogo.show()" />

                                    <h:outputText value="Ruta"/> 
                                    <h:panelGrid id="zzz2">
                                        <p:selectOneMenu required="true" requiredMessage="Elija la ruta" value="#{managedBeanViajes.objetoViajeCrear.ruta}" effect="drop" style="width:425px" converter="RutaConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems  id="agendestino" value="#{managedBeanRuta.objetoItems}" />
                                        </p:selectOneMenu>    
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmRuta:displayRuta" oncomplete="RutaDialogo.show()" />

                                    <h:outputText value="Tipo de Servicio"/>
                                    <h:panelGrid id="zzz3">
                                        <p:selectOneMenu required="true" requiredMessage="Elija el tipo de servicio" value="#{managedBeanViajes.objetoViajeCrear.tiposervicio}" effect="drop" style="width:425px" converter="TipoServicioConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems  id="remitente" value="#{managedBeanTipoServicio.objetoItems}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmTipoServicio:displayTipoServicio" oncomplete="TipoServicioDialogo.show()" />

                                    <h:outputText value="Bus"/> 
                                    <h:panelGrid id="zzz4">
                                        <p:selectOneMenu required="true" requiredMessage="Elija el Bus" value="#{managedBeanViajes.objetoViajeCrear.bus}" converter="BusConverter" effect="drop" style="width:300px" filterMatchMode="contains" filter="true">
                                            <f:selectItems value="#{managedBeanBus.objetoItems}"  id="destinatario" />
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmBus:displayBus" oncomplete="BusDialogo.show()" />

                                    
                                    <h:outputText value="Chofer 1"/> 
                                    <h:panelGrid id="zzz6">
                                        <p:selectOneMenu required="true" requiredMessage="Elija el chofer" value="#{managedBeanViajes.objetoViajeCrear.empleado1}" effect="drop" style="width:300px" converter="EmpleadoConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems  id="chofer1" value="#{managedBeanEmpleado.objetoItemsChofer}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmEmpleado:displayEmpleado" oncomplete="EmpleadoDialogo.show()" />

                                    <h:outputText value="Chofer 2"/> 
                                    <h:panelGrid id="zzz7">
                                        <p:selectOneMenu required="true" requiredMessage="Elija el chofer 2" value="#{managedBeanViajes.objetoViajeCrear.empleado2}" effect="drop" style="width:300px" converter="EmpleadoConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems  id="chofer2" value="#{managedBeanEmpleado.objetoItemsChofer}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmEmpleado:displayEmpleado" oncomplete="EmpleadoDialogo.show()" />

                                    
                                    <h:outputText value="Terramoza"/> 
                                    <h:panelGrid id="zzz5">
                                        <p:selectOneMenu required="true" requiredMessage="Elija la Terramoza" value="#{managedBeanViajes.objetoViajeCrear.empleado}" effect="drop" style="width:300px" converter="EmpleadoConverter" filterMatchMode="contains" filter="true">
                                            <f:selectItems  id="terramoza" value="#{managedBeanEmpleado.objetoItemsTerramosa}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>

                                    <p:commandButton value="+" update=":frmEmpleado:displayEmpleado" oncomplete="EmpleadoDialogo.show()" />

                                    <h:outputText value=""/>
                                    <h:outputText value=""/>
                                    <h:outputText value=""/>
                                    
                                    <h:outputText value="Fecha Salida"/>
                                    <p:calendar required="true" requiredMessage="Ingrese la Fecha de salida" style="width: 100px" value="#{managedBeanViajes.fecha1}" pattern="dd/MM/yyyy" />
                                     <h:outputText value=""/>
                                    
                                     <h:outputText value="Fecha Llegada"/>
                                    <p:calendar required="true" requiredMessage="Ingrese la Fecha de Llegada" style="width: 100px" value="#{managedBeanViajes.fecha2}" pattern="dd/MM/yyyy" />

                                    <br/>
                                    <h:outputText value="Hora de Salida"/> 
                                    <p:calendar required="true" requiredMessage="Ingrese la Hora de Salida" value="#{managedBeanViajes.horasalida}" pattern="HH:mm" timeOnly="true" />

                                    <br/>
                                    <h:outputText value="Hora Llegada"/> 
                                    <p:calendar required="true" requiredMessage="Ingrese la Hora de Llegada" value="#{managedBeanViajes.horallegada}" pattern="HH:mm" timeOnly="true" />

                                    <br/>
                                    <h:outputText value="Precio (S/.)"/>
                                    <p:inputText   required="true" requiredMessage="Ingrese el Precio"  label="Descripcion" id="descripcion" value="#{managedBeanViajes.objetoViajeCrear.viaPrecio}" />                                                       

                                    <br/>
                                    
                                </h:panelGrid>
                                
                                <center><p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanViajes.insertar()}" update=":frmfieldset:grow2 :frmNuevo:dataTable" /></center>
                            </p:fieldset>
                        </h:panelGrid>
                    </h:form>
                    <br/>

                    <h:form id="frmAgencia">
                        <p:dialog modal="true" id="Agencia" header="Editar" widgetVar="AgenciaDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="420" style="width: 100%" >
                            <h:panelGrid id="displayAgencia" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Nueva Agencia" toggleable="true" toggleSpeed="500">           
                                    <h:panelGrid columns="4" cellpadding="15">                       
                                        <h:outputLabel for="txtRuc" value="Ruc: *" /> 
                                        <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese RUC"  label="Ruc" id="txtRuc" value="#{managedBeanAgencia.objetoAgenciaCrear.agenRUC}"/>                        
                                        <h:outputLabel for="txtRazonSocial" value="Razon Social: *" /> 
                                        <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese Razon Social" label="RazonSocial" id="txtRazonSocial"  value="#{managedBeanAgencia.objetoAgenciaCrear.agenRazSoc}"/>
                                        <h:outputLabel value="Dueño: *" />
                                        <h:outputText style="width: 150px"  id="duenio2" value="#{managedBeanEmpresa.datosDuenio}"/>
                                        <h:outputLabel for="txtDireccion" value="Direccion: *" /> 
                                        <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese Direccion" label="Direccion" id="txtDireccion" value="#{managedBeanAgencia.objetoAgenciaCrear.agenDireccion}"/>
                                        <h:outputLabel for="txtTelefono" value="Telefono: *" /> 
                                        <p:inputText style="width: 150px"  label="Telefono" id="txtTelefono" value="#{managedBeanAgencia.objetoAgenciaCrear.agenTelefono}"/>
                                        <h:outputLabel for="txtCelular" value="Celular: *" /> 
                                        <p:inputText style="width: 150px"  label="Celular" id="txtCelular" value="#{managedBeanAgencia.objetoAgenciaCrear.agenCelular}"/>
                                        <h:outputLabel  value="Fecha de Creacion: *" /> 
                                        <p:calendar style="width: 150px" value="#{managedBeanAgencia.objetoAgenciaCrear.agenFechaCreacion}" pattern="dd/MM/yyyy" />
                                        <h:outputLabel for="txtNroEmp" value="Nro de Empleados: *" /> 
                                        <p:inputText style="width: 150px"  label="Nro de Empleados" id="txtNroEmp" value="#{managedBeanAgencia.objetoAgenciaCrear.agenNroEmpleados}"/>
                                        <h:outputLabel value="Ciudad: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanAgencia.objetoAgenciaCrear.ciudad}" effect="drop" style="width:150px" converter="CiudadConverter" >
                                            <f:selectItems  id="temsppp" value="#{managedBeanCiudad.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <p:commandButton id="insert1" icon="ui-icon-disk" value="Insertar" update=":frmfieldset:zzz1 :frmfieldset:grow2 :frmAgencia :frmAgencia:txtRuc :frmAgencia:txtRazonSocial" action="#{managedBeanAgencia.insertar()}"  style="clear: both" alt="Ingresado" />
                                    </h:panelGrid>
                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>

                    <h:form id="frmRuta">
                        <p:dialog modal="true" id="Ruta" header="Editar" widgetVar="RutaDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="290" style="width: 100%" >
                            <h:panelGrid id="displayRuta" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Nueva Ruta" toggleable="true" toggleSpeed="500">     
                                    <h:panelGrid columns="2" cellpadding="10">  
                                        <h:outputLabel value="Origen: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanRuta.objetoRutaCrear.ciudad}" effect="drop" style="width:425px" converter="CiudadConverter" >
                                            <f:selectItems  id="temsppp" value="#{managedBeanCiudad.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputLabel value="Destino: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanRuta.objetoRutaCrear.ciudad1}" effect="drop" style="width:425px" converter="CiudadConverter" >
                                            <f:selectItems  id="temsppp1" value="#{managedBeanCiudad.objetoItems}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>                  
                                    <p:commandButton id="insert2" icon="ui-icon-disk" value="Insertar" update=":frmfieldset:zzz2 :frmfieldset:grow2 :frmRuta" action="#{managedBeanRuta.insertar()}"  style="clear: both" alt="Ingresado" />  
                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>

                    <h:form id="frmTipoServicio">
                        <p:dialog modal="true" id="TipoServicio" header="Editar" widgetVar="TipoServicioDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="290" style="width: 100%" >
                            <h:panelGrid id="displayTipoServicio" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Nuevo Tipo Servicio" toggleable="true" toggleSpeed="500">           
                                    <h:panelGrid columns="2" cellpadding="10">                        
                                        <h:outputLabel for="txtNombre" value="Nombre: *" /> 
                                        <p:inputText style="width: 85%"  required="true" requiredMessage="Ingrese Nombre" label="Nombre" id="txtNombre" value="#{managedBeanTipoServicio.objetoTiposervicioCrear.tservTipo}"/>                        
                                        <h:outputLabel for="txtDescripcion" value="Descripcion: *" /> 
                                        <p:inputTextarea  required="true" requiredMessage="Ingrese Descripcion"  label="Descripcion" id="txtDescripcion" rows="3" cols="45" value="#{managedBeanTipoServicio.objetoTiposervicioCrear.tservDescripcion}"/>                        
                                        <p:commandButton id="insert3" icon="ui-icon-disk" value="Insertar" update=":frmfieldset:zzz3 :frmfieldset:grow2 :frmTipoServicio :frmTipoServicio:txtDescripcion :frmTipoServicio:txtNombre" action="#{managedBeanTipoServicio.insertar()}"  style="clear: both" alt="Ingresado" />
                                    </h:panelGrid>  
                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form> 

                    <h:form id="frmBus">
                        <p:dialog modal="true" id="Bus" header="Editar" widgetVar="BusDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="500" style="width: 100%" >
                            <h:panelGrid id="displayBus" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Nuevo Bus" toggleable="true" toggleSpeed="500">           
                                    <h:panelGrid columns="2" cellpadding="10">
                                        <h:panelGrid columns="2" >
                                            <h:outputText value="N° TV's Primer Piso"/> 
                                            <p:inputText  style="width: 35px;" required="true" requiredMessage="Ingrese el n° TV"  label="TV1Piso" id="txttvs1" value="#{managedBeanBus.objtetoBusCrear.busNroTV1}"/>                        

                                        </h:panelGrid>

                                        <h:panelGrid columns="2" >

                                            <h:outputText value="N° TV's Segundo Piso"/> 
                                            <p:inputText style="width: 35px;" required="true" requiredMessage="Ingrese el n° TV"  label="TV2Piso" id="txttvs2" value="#{managedBeanBus.objtetoBusCrear.busNroTV1}"/>                        

                                        </h:panelGrid>


                                        <h:panelGrid columns="2" >
                                            <h:outputText value="AÑO DE FABRICACION"/> 
                                            <p:inputText style="width: 45px;" required="true" requiredMessage="Ingrese año de fabricacion"   id="txtaniofab" value="#{managedBeanBus.objtetoBusCrear.busAnioFabricacion}"/>                        

                                        </h:panelGrid>

                                        <h:panelGrid columns="2" >
                                            <h:outputText value="CAPACIDAD BODEGA (KG)"/> 
                                            <p:inputText style="width: 45px;" required="true" requiredMessage="Ingrese capacidad de bodega"   id="txttcapbodega" value="#{managedBeanBus.objtetoBusCrear.busCapacidaBodega}"/>                        

                                        </h:panelGrid>

                                        <h:outputText value="DISEÑO BUS"/> 
                                        <p:selectOneMenu value="#{managedBeanBus.objetoDisenio}" effect="drop" style="width:250px" converter="DisenioConverter" >
                                            <f:selectItems  id="itemsDisenio" value="#{managedBeanDisenio.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:panelGrid columns="1" width="10%">
                                            <h:outputText value="IMAGEN BUS"/> 


                                            <p:fileUpload fileUploadListener="#{managedBeanBus.handleFileUpload}"
                                                          mode="advanced" 
                                                          update=":frmBus:imagen_"
                                                          auto="true"  
                                                          sizeLimit="1000000" 
                                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                                          label="SELECCIONAR"

                                                          />

                                        </h:panelGrid>
                                        <p:graphicImage id="imagen_" height="150px;" width="150px;" value="#{managedBeanBus.ruta}" />


                                        <h:outputText value="N° ASIENTOS PRIMER PISO"/> 
                                        <p:inputText style="width: 120px;" required="true" requiredMessage="Ingrese n° asientos 1°piso" value="#{managedBeanBus.objtetoBusCrear.busNroAsientos1}"/>                        

                                        <h:outputText value="N° ASIENTOS SEGUNDO PISO"/> 
                                        <p:inputText style="width: 120px;" required="true" requiredMessage="Ingrese n° asientos 2°piso"  value="#{managedBeanBus.objtetoBusCrear.busNroAsientos2}"/>                        


                                        <h:outputText value="N° AUTORIZACION DE TRANSPORTE"/> 
                                        <p:inputText style="width: 120px;" required="true" requiredMessage="Ingrese n° de autorizacion"  value="#{managedBeanBus.objtetoBusCrear.busNroAutorizacionTransp}"/>                        
                                        <h:outputText value="N° DE EJES"/> 
                                        <p:inputText style="width: 80px;" required="true" requiredMessage="Ingrese n° de ejes"  value="#{managedBeanBus.objtetoBusCrear.busNroEjes}"/>                        

                                        <h:outputText value="N° DE GALONES"/> 
                                        <p:inputText style="width: 80px;" required="true" requiredMessage="Ingrese n° de galones"  value="#{managedBeanBus.objtetoBusCrear.busGlnsCombustible}"/>                        

                                        <h:outputText value="FECHA INICIO FUNCIONAMIENTO:"/> 
                                        <p:calendar required="true"   value="#{managedBeanBus.objtetoBusCrear.busFechaUso}" pattern="dd/MM/yyyy"/>                        


                                        <h:outputText value="N° DE PISOS"/> 
                                        <p:inputText style="width: 80px;" required="true" requiredMessage="Ingrese n° pisos"  value="#{managedBeanBus.objtetoBusCrear.busNroPisos}"/>                        

                                        <h:outputText value="PLACA RODAJE"/> 
                                        <p:inputText style="width: 80px;" required="true" requiredMessage="Ingrese placa de rodaje"  value="#{managedBeanBus.objtetoBusCrear.busPlacaRodaje}"/>                        


                                        <h:outputText value="SSHH." />
                                        <p:selectOneRadio id="options" value="#{managedBeanBus.objtetoBusCrear.busSSHH}">
                                            <f:selectItem itemLabel="SI" itemValue="true" />
                                            <f:selectItem itemLabel="NO" itemValue="false" />

                                        </p:selectOneRadio>
                                        <h:outputText value="MARCA"/> 
                                        <p:selectOneMenu value="#{managedBeanBus.objetoMarca}" effect="drop" style="width:425px" converter="MarcaConverter" >
                                            <f:selectItems  id="tems" value="#{managedBeanMarca.objetoItems}"/>
                                        </p:selectOneMenu>   

                                        <h:outputText value="MODELO"/> 
                                        <p:selectOneMenu value="#{managedBeanBus.objetoModelo}" effect="drop" style="width:425px" converter="ModeloConverter" >
                                            <f:selectItems  id="tems2" value="#{managedBeanModelo.objetoItems}"/>
                                        </p:selectOneMenu>   

                                        <h:outputText value="TIPO COMBUSTIBLE"/> 
                                        <p:selectOneMenu value="#{managedBeanBus.objetoTipoCombustible}" effect="drop" style="width:425px" converter="TipoCombustibleConverter" >
                                            <f:selectItems  id="tems3" value="#{managedBeanTipoCombustible.objetoItems}"/>
                                        </p:selectOneMenu>   

                                        <h:outputText value="OBSERVACIONES:"/> 
                                        <p:inputTextarea id="txtDescripcion" rows="3" cols="45" value="#{managedBeanBus.objtetoBusCrear.busObservaciones}"/>                                              
                                        <p:commandButton id="insert3" icon="ui-icon-disk" value="Insertar" update=":frmfieldset:zzz4 :frmBus :frmfieldset:grow2" action="#{managedBeanBus.insertar()}"  style="clear: both" alt="Ingresado" />
                                    </h:panelGrid>   
                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>

                    <h:form id="frmEmpleado">
                        <p:dialog modal="true" id="Bus" header="Editar" widgetVar="EmpleadoDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="500" width="900" style="width: 100%" >
                            <h:panelGrid id="displayEmpleado" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Nuevo Empleado" toggleable="true" toggleSpeed="500">           
                                    <h:panelGrid  id="datos" columns="4" cellpadding="15">  
                                        <h:outputText value="DNI: *" /> 
                                        <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese DNI"  label="DNI" id="txtDNI" value="#{managedBeanEmpleado.objetoPersona.perDNI}"/>                        
                                        <h:outputText value="Nombre: *" /> 
                                        <p:inputText style="width: 200px"  required="true" requiredMessage="Ingrese Nombre"  label="Nombre" id="txtNombre" value="#{managedBeanEmpleado.objetoPersona.perNombres}"/>                        
                                        <h:outputText value="Apellidos: *" /> 
                                        <p:inputText style="width: 200px"  required="true" requiredMessage="Ingrese Apellido"  label="Apellidos" id="txtApellidos" value="#{managedBeanEmpleado.objetoPersona.perApellidos}"/>                        
                                        <h:outputText value="Direccion: *" /> 
                                        <p:inputText style="width: 200px"  required="true" requiredMessage="Ingrese Direccion"  label="Direccion" id="txtDireccion" value="#{managedBeanEmpleado.objetoPersona.perDireccion}"/>                        
                                        <h:outputText value="Sexo: *" />
                                        <p:selectOneMenu value="#{managedBeanEmpleado.objetoPersona.perSexo}" style="width:150px">
                                            <f:selectItem itemLabel="Masculino" itemValue="M" />  
                                            <f:selectItem itemLabel="Femenino" itemValue="F" />  
                                            <f:selectItem itemLabel="Otros" itemValue="O" />  
                                        </p:selectOneMenu> 
                                        <h:outputText value="Telefono: *" /> 
                                        <p:inputText style="width: 150px"  label="Telefono" id="txtTelefono" value="#{managedBeanEmpleado.objetoPersona.perTelf}"/>                        
                                        <h:outputText value="Celular: *" /> 
                                        <p:inputText style="width: 150px"  label="Celular" id="txtCelular" value="#{managedBeanEmpleado.objetoPersona.perCel}"/>                        
                                        <h:outputText value="Fecha Nacimiento: *" /> 
                                        <p:calendar style="width: 150px" value="#{managedBeanEmpleado.objetoPersona.perFechaNac}" pattern="dd/MM/yyyy" />
                                    </h:panelGrid>
                                    <p:separator />
                                    <center >        
                                        <h:outputText  value="Detalle Empleado" style="color:#0044cc; size: 35px;" /> 
                                    </center>
                                    <p:separator />

                                    <br/>
                                    <h:panelGrid columns="4" cellpadding="15">
                                        <h:outputText value="Cargo: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanEmpleado.objetoCargo}" effect="drop" style="width: 150px" converter="CargoConverter" >
                                            <f:selectItems  id="tems1" value="#{managedBeanCargo.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Tipo Empleado: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanEmpleado.objetoTipoempleado}" effect="drop" style="width: 150px" converter="TipoEmpleadoConverter" >
                                            <f:selectItems  id="tems2" value="#{managedBeanTipoEmpleado.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Jefe: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanEmpleado.objetoEmpleadoJefe}" effect="drop" style="width: 150px" converter="EmpleadoConverter" >
                                            <f:selectItems  id="tems3" value="#{managedBeanEmpleado.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Agencia: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanEmpleado.objetoAgencia}" effect="drop" style="width: 150px" converter="AgenciaConverter" >
                                            <f:selectItems  id="tems4" value="#{managedBeanAgencia.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Fecha Ingreso: *" /> 
                                        <p:calendar value="#{managedBeanEmpleado.objetoEmpleadoCrear.empFechaIngreso}" pattern="dd/MM/yyyy" />
                                        <h:outputText value="Fecha Salida: *" /> 
                                        <p:calendar value="#{managedBeanEmpleado.objetoEmpleadoCrear.empFechaSalida}" pattern="dd/MM/yyyy" />
                                    </h:panelGrid>
                                    <p:separator /> 
                                    <center>
                                        <p:commandButton id="insert3" icon="ui-icon-disk" value="Insertar" update=":frmfieldset:zzz5 :frmfieldset:zzz6 :frmfieldset:zzz7 :frmEmpleado :frmEmpleado:txtTelefono
                                                         :frmEmpleado:txtDNI :frmEmpleado:txtNombre :frmEmpleado:txtApellidos :frmEmpleado:txtDireccion :frmEmpleado:txtCelular :frmfieldset:grow2" 
                                                         action="#{managedBeanEmpleado.insertar()}"  style="clear: both" alt="Ingresado" />      
                                    </center>
                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form> 

                    <h:form id="frmNuevo">
                        <p:growl id="growl" showDetail="true"/>
                        <h:panelGrid id="padre" columns="1" style="width: 100%">
                            <h:panelGrid id="hijo2" columns="1" style="width: 100%">
                                <p:dataTable  id="dataTable" var="item" value="#{managedBeanViajes.listaViajesDisponib}" widgetVar="CargoTable" emptyMessage="Datos no encontrados"
                                             selection="#{managedBeanViajes.objetoViaje}" selectionMode="single"
                                             rowKey="#{item.idViaje}" paginator="true" rows="5"
                                             rowsPerPageTemplate="5,10,20,50">
                                    <p:ajax event="rowSelect" listener="#{managedBeanViajes.onRowSelect}"
                                            update=":frmNuevo:display :frmNuevo:growl" oncomplete="CargoDialogo.show()" />
                                    <p:ajax event="rowUnselect" listener="#{managedBeanViajes.onRowUnselect}" update=":frmNuevo:growl"/>
                                    <f:facet name="header">  
                                        <p:outputPanel>  
                                            <h:outputText value="Listado de Programaciones de Viajes" />    
                                        </p:outputPanel>  
                                    </f:facet>
                                    <p:column id="agencia" filterMatchMode="contains" filterBy="#{item.agencia.ciudad.departamento.depDepartamento} #{item.agencia.ciudad.ciudCiudad} #{item.agencia.agenDireccion}" style="text-align: center; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Agencia" />
                                        </f:facet>
                                        <h:outputText value="#{item.agencia.ciudad.departamento.depDepartamento} #{item.agencia.ciudad.ciudCiudad} #{item.agencia.agenDireccion}" />
                                    </p:column>
                                     <p:column  filterMatchMode="contains" filterBy="#{managedBeanVenta.FechaFormateada(item.viaFehaSalida)}" style="text-align: center; width: 80px;" > 
                                        <f:facet name="header">
                                            <h:outputText value="FECHA" />
                                        </f:facet>
                                    <h:outputText value="#{managedBeanVenta.FechaFormateada(item.viaFehaSalida)}" style="color: red; size: 7px; font-weight: bold;"/>
                                   
                                  </p:column> 
                                    <p:column id="tiposerv" filterMatchMode="contains" filterBy="#{item.tiposervicio.tservDescripcion}" style="text-align: center;white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Tipo de Servicio" />
                                        </f:facet>
                                        <h:outputText value="#{item.tiposervicio.tservTipo}" />
                                    </p:column>
                                    <p:column  id="buss" filterMatchMode="contains" filterBy="#{item.bus.marca.marMarca} #{item.bus.modelo.modDescripcion} #{item.bus.busAnioFabricacion}" style="text-align: center; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Bus" />
                                        </f:facet>
                                        <h:outputText value="#{item.bus.marca.marMarca} #{item.bus.modelo.modDescripcion} #{item.bus.busAnioFabricacion}" />
                                    </p:column>
                                    <!--<p:column id="terram" filterMatchMode="contains" filterBy="#{item.empleado.persona.perNombres} #{item.empleado.persona.perApellidos}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Terramoza" />
                                        </f:facet>
                                        <h:outputText value="#{item.empleado.persona.perNombres} #{item.empleado.persona.perApellidos}" />
                                    </p:column>
                                    -->
                                    <p:column id="chof1" filterMatchMode="contains" filterBy="#{item.empleado1.persona.perNombres} #{item.empleado1.persona.perApellidos}" style="text-align: center; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Chofer 1" />
                                        </f:facet>
                                        <h:outputText value="#{item.empleado1.persona.perNombres} #{item.empleado1.persona.perApellidos}" />
                                    </p:column>
                                    <!--<p:column id="chof2" filterMatchMode="contains" filterBy="#{item.empleado2.persona.perNombres} #{item.empleado2.persona.perApellidos}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Chofer 2" />
                                        </f:facet>
                                        <h:outputText value="#{item.empleado2.persona.perNombres} #{item.empleado2.persona.perApellidos}" />
                                    </p:column>
                                    -->
                                    <p:column id="rutas" filterMatchMode="contains" filterBy="#{item.ruta.rutaDescripcion}" style="text-align: center; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Ruta" />
                                        </f:facet>
                                        <h:outputText value="#{item.ruta.rutaDescripcion}" />
                                    </p:column>  
                                    <p:column id="horsal" filterMatchMode="contains" filterBy="#{item.viaHoraSalida}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Salida" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaHoraSalida}" />
                                    </p:column>
                                    <p:column id="horlleg" filterMatchMode="contains" filterBy="#{item.viaHoraLlegada}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Llegada" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaHoraLlegada}" />
                                    </p:column>
                                    <p:column id="preci" filterMatchMode="contains" filterBy="#{item.viaPrecio}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Precio (S/.)" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaPrecio}" />
                                    </p:column>
                                </p:dataTable> 
                            </h:panelGrid>
                        </h:panelGrid>        
                        <p:dialog modal="true" id="dialog" header="Editar Programación" widgetVar="CargoDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="500" style="width: 100%" >
                            <h:panelGrid id="display" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Datos de Cargo" toggleable="true" toggleSpeed="500">  
                                    <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}" update="growl" />    
                                    <h:panelGrid columns="4" cellpadding="10"> 
                                        <h:outputText value="Agencia: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.agencia}" effect="drop" style="width:425px" converter="AgenciaConverter" >
                                            <f:selectItems  id="agen" value="#{managedBeanAgencia.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Ruta: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.ruta}" effect="drop" style="width:425px" converter="RutaConverter" >
                                            <f:selectItems  id="ruta" value="#{managedBeanRuta.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Tipo de Servicio: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.tiposervicio}" effect="drop" style="width:425px" converter="TipoServicioConverter" >
                                            <f:selectItems  id="tiposervic" value="#{managedBeanTipoServicio.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Bus: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.bus}" effect="drop" style="width:425px" converter="BusConverter" >
                                            <f:selectItems  id="busss" value="#{managedBeanBus.objetoItems}"/>
                                        </p:selectOneMenu>
                                        
                                        <h:outputText value="Chofer 1: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.empleado1}" effect="drop" style="width:425px" converter="EmpleadoConverter" >
                                            <f:selectItems  id="chofe1" value="#{managedBeanEmpleado.objetoItemsChofer}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Chofer 2: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.empleado2}" effect="drop" style="width:425px" converter="EmpleadoConverter" >
                                            <f:selectItems  id="chofe2" value="#{managedBeanEmpleado.objetoItemsChofer}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Terramoza: " />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanViajes.objetoViaje.empleado}" effect="drop" style="width:425px" converter="EmpleadoConverter" >
                                            <f:selectItems  id="terramoz" value="#{managedBeanEmpleado.objetoItemsTerramosa}"/>
                                        </p:selectOneMenu>
                                        <h:outputText value="Fecha de Salida: " />
                                        <p:calendar required="true" requiredMessage="Ingrese la Fecha de salida" style="width: 100px" value="#{managedBeanViajes.objetoViaje.viaFehaSalida}" pattern="dd/MM/yyyy" />
                                        <h:outputText value="Fecha de Llegada: " />
                                        <p:calendar required="true" requiredMessage="Ingrese la Fecha de Llegada" style="width: 100px" value="#{managedBeanViajes.objetoViaje.viaFechaLlegada}" pattern="dd/MM/yyyy" />
                                        <h:outputText value="Hora de Salida: " />
                                        <p:inputMask required="true" requiredMessage="Ingrese la Hora de Salida" value="#{managedBeanViajes.objetoViaje.viaHoraSalida}" mask="99:99 aa"/>  
                                        <h:outputText value="Hora de Llegada: " />
                                        <p:inputMask required="true" requiredMessage="Ingrese la Hora de Llegada" value="#{managedBeanViajes.objetoViaje.viaHoraLlegada}" mask="99:99 aa"/> 
                                        <h:outputText value="Precio (S/.): " />
                                        <p:inputText required="true" size="45" requiredMessage="Ingrese el Precio"  value="#{managedBeanViajes.objetoViaje.viaPrecio}" />                                        
                                       </h:panelGrid>
                                    <center>
                                        <p:commandButton icon="ui-icon-arrowrefresh-1-w" value="Actualizar" action="#{managedBeanViajes.editar}" update=":frmNuevo" />                            
                                        <p:commandButton value="Eliminar" title="Eliminar" alt="Eliminar" icon="ui-icon-close"  action="#{managedBeanViajes.eliminar}" update=":frmNuevo" />
                                    </center>
                                </p:fieldset> 
                            </h:panelGrid>
                        </p:dialog>
                        <p:outputPanel id="panel1" autoUpdate="true" style="text-align: center">
                            <center>
                                <h:panelGrid columns="2" cellpadding="10">
                                    <p:fieldset legend="Exportar Todo: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                        <center>
                                            <h:panelGrid columns="2" cellpadding="10">
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                    <p:dataExporter type="xls" target="dataTable" fileName="lista" />
                                                </h:commandLink>
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                    <p:dataExporter type="pdf" target="dataTable" fileName="lista"/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                        </center>
                                    </p:fieldset>
                                    <h:panelGrid columns="2" cellpadding="10" >                             
                                        <p:fieldset legend="Exportar por Paginado: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                            <center>
                                                <h:panelGrid columns="2" cellpadding="10">
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                        <p:dataExporter type="xls" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                        <p:dataExporter type="pdf" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                </h:panelGrid>
                                            </center>
                                        </p:fieldset>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </center>
                        </p:outputPanel>
                    </h:form>
                </p:panel>

            </ui:define>
        </ui:composition>
    </body>
</html>

